
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			body{
				background-color: aliceblue;
			}
			.header{
				height: 60px;
				background-color:lightcyan;
				line-height: 60px;
				text-align: center;
				color: #333;
			}
			.content{
				margin-left: auto;
				margin-right: auto;
				width: 400px;
				border: 1px solid silver;
				background-image: url(img/timg2.jpg);
				
				
			}
			.content img{
				width: 400px;
				height: 230px;
				
			}
			.search{
				margin-left: 30px;
				width: 250px;
				height: 30px;
			}
			.btn{
				width: 80px;
				height: 34px;
				background-color: aquamarine;
				border: 1px solid springgreen;
				color: #333;
				margin-left: 20px;
			}
			.title{
				color: deepskyblue;
				margin-top: 20px;
				padding-left: 30px;
			}
			.images1{
				width: 400px;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			p{
				color: #333;
				padding: 5px;
			}
			
			.info{
				width: 300px;
				height: 40px;
				/*background-color:green;*/
				list-style: none;
				margin: 10px auto 0;
				padding: 0;
				
			}
			.info li{
			width: 40px;
			height: 40px;
			float: left;
			margin-left: 2px;
			
			}
			.info li a{
				text-decoration: none;
			}
			
			.foot{
				margin: 10px;
			}
			
			
		</style>
	</head>
	<body>
		<h3 class="header">
			个人网站
		</h3>
		<div class="content">
			<img src="img/4.png"/>
			
			
			
			
			<input type="text" class="search" />	
			<button class="btn">百度一下</button>
		　　<ul class="info">
			<li><a href="#">新闻</a></li>
			<li><a href="#">网页</a></li>
			<li><a href="#">图片</a></li>
			<li><a href="#">音乐</a></li>
			<li><a href="#">视频</a></li>
			<li><a href="#">知道</a></li>
			
			</ul>
			<div class="foot">
				
			
			<h4>
				每日一笑
			</h4>
			<p>早上进地铁站为了过安检方便，就把交通卡放在袖
				口里，过闸机的时候突发奇想拍了拍读卡区说了句
				“嘿醒醒”，然后就进站了。旁边一小哥看傻了，问了我
				一句:“它认识你……？！” 小同志，我要知道你这么傻我就应该骗你点钱。</p>
			</div>
			<!--<a href="htttp://www.baidu.com">去百度</a>
			<a href="htttp://www.taobao.com">去淘宝</a>-->
		</div>
	</body>
</html>
